<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Page Title -->
    <title>Blog Single | Spyre - Slick contemporary multipurpose theme</title>

    <!-- Favicons -->
    <link rel="apple-touch-icon" sizes="180x180" href="../assets/img/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="../assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="../assets/img/favicons/favicon-16x16.png">
    <link rel="manifest" href="../assets/img/favicons/site.webmanifest">
    <link rel="mask-icon" href="../assets/img/favicons/safari-pinned-tab.svg" color="#f23838">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">

    <!-- Vendor Stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,700%7CRoboto:300,400,700" rel="stylesheet">
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/material-design-iconic-font/dist/css/material-design-iconic-font.min.css" rel="stylesheet">
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/owl.carousel/dist/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/@fancyapps/fancybox/dist/jquery.fancybox.min.css" rel="stylesheet">

    <!-- Theme Stylesheets -->
    <link href="https://spyre-theme.bitbucket.io/v1.2.0/dist/css/theme.min.css" rel="stylesheet">

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-129313359-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-129313359-1');
    </script>
</head>

<body>
<!-- Preloader -->
<div class="preloader">
    <div class="spinner">
        <div class="circles"></div>
    </div>
</div>
<!-- End of Preloader -->


<!-- Header -->
<header class="spyre-navbar navbar navbar-expand-lg bg-secondary navbar-dark fixed-top align-items-center" data-transparent data-text-color="#ffffff">
    <div class="container">
        <a class="navbar-brand mr-lg-5 mr-xl-7" href="index.html">
            <img src="../assets/img/logo.svg" class="d-none d-lg-block" alt="Spyre" width="183" />
            <img src="../assets/img/logo.svg" class="d-block d-lg-none" alt="Spyre" width="150" />
        </a>

        <span class="navbar-text flex-fill d-none d-md-inline-block text-white">
                    Contact us: <a href="#" class="pl-2 text-white">info@spyre.com</a><a href="#" class="pl-5 text-white">+1-202-555-0149</a>
                </span>

        <div class="search d-none d-lg-flex justify-content-end ml-auto mr-2">
            <input class="form-control mr-2" type="text">
            <i class="zmdi zmdi-search"></i>
        </div>

        <div class="menu-toggle">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
            <div class="cross">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <!-- Spyrenav Overlay -->
    <div class="spyre-navbar-overlay overlay-slide">
        <div class="container">
            <div class="row">
                <div class="spyre-navbar-nav-container col-md-6 col-lg-5 col-xl-4 bg-white ext-l">
                    <nav class="spyre-navbar-nav">
                        <ul class="spyre-nav">
                            <li class="spyre-nav-item"><a href="index.html" class="spyre-nav-link">Overview</a></li>
                            <li class="spyre-nav-item dropdown">
                                <a href="#" class="spyre-nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
                                <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                    <li class="dropdown-menu-item"><a href="home.html" class="dropdown-menu-link">Homepage</a></li>
                                    <li class="dropdown-menu-item"><a href="services.html" class="dropdown-menu-link">Services</a></li>
                                    <li class="dropdown-menu-item"><a href="blog.html" class="dropdown-menu-link">Blog</a></li>
                                    <li class="dropdown-menu-item"><a href="blog-single.html" class="dropdown-menu-link">Blog single</a></li>
                                    <li class="dropdown-menu-item"><a href="portfolio.html" class="dropdown-menu-link">Portfolio</a></li>
                                    <li class="dropdown-menu-item"><a href="about.html" class="dropdown-menu-link">About</a></li>
                                    <li class="dropdown-menu-item"><a href="contact.html" class="dropdown-menu-link">Contact</a></li>
                                    <li class="dropdown-menu-item"><a href="team.html" class="dropdown-menu-link">Team</a></li>
                                    <li class="dropdown-menu-item"><a href="faq.html" class="dropdown-menu-link">Faq</a></li>
                                    <li class="dropdown-menu-item"><a href="pricing.html" class="dropdown-menu-link">Pricing</a></li>
                                    <li class="dropdown-menu-item"><a href="careers.html" class="dropdown-menu-link">Careers</a></li>
                                    <li class="dropdown-menu-item active"><a href="careers-single.html" class="dropdown-menu-link">Careers single</a></li>
                                    <li class="dropdown-menu-item"><a href="coming-soon.html" class="dropdown-menu-link">Coming soon</a></li>
                                    <li class="dropdown-menu-item"><a href="404.html" class="dropdown-menu-link">404</a></li>
                                    <li class="dropdown-menu-item"><a href="sign-in.html" class="dropdown-menu-link">Sign In</a></li>
                                    <li class="dropdown-menu-item"><a href="sign-up.html" class="dropdown-menu-link">Sing Up</a></li>
                                    <li class="dropdown-menu-item"><a href="recover-account.html" class="dropdown-menu-link">Recover account</a></li>
                                </ul>
                            </li>
                            <li class="spyre-nav-item"><a href="https://spyre-theme.bitbucket.io/v1.2.0/docs/animations.html" class="spyre-nav-link">Components</a></li>
                            <li class="spyre-nav-item"><a href="../docs/index.html" class="spyre-nav-link">Docs</a></li>
                            <li class="spyre-nav-item"><a href="https://themes.getbootstrap.com/product/spyre-slick-contemporary-multipurpose-theme" target="_blank" class="spyre-nav-link">Purchase</a></li>
                        </ul>
                    </nav>
                </div>

                <div class="col-lg-7 col-xl-8 d-none d-md-block">
                    <div class="d-flex flex-column h-100">
                        <div class="d-flex h-100">
                            <div class="align-self-center">
                                <div class="text-uppercase"
                                     data-background-text="communication"
                                     data-color="#7079a2"
                                     data-opacity="0.02"
                                     data-font-size="85px"
                                     data-font-weight="500"
                                     data-offset-x="-5%"
                                     data-letter-spacing="5px"
                                ></div>
                                <div class="text-uppercase"
                                     data-background-text="planning"
                                     data-color="#7079a2"
                                     data-opacity="0.04"
                                     data-font-size="175px"
                                     data-font-weight="500"
                                     data-offset-x="29%"
                                     data-padding="7vh 0 2vh 0"
                                     data-letter-spacing="5px"
                                ></div>
                                <div class="text-uppercase"
                                     data-background-text="delivering"
                                     data-color="#7079a2"
                                     data-opacity="0.03"
                                     data-font-size="140px"
                                     data-font-weight="500"
                                     data-offset-x="15%"
                                     data-letter-spacing="5px"
                                ></div>
                            </div>
                        </div>

                        <div class="mt-auto">
                            <ul class="nav flex-nowrap float-right">
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-twitter text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-instagram text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-facebook-box text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-pinterest text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-flickr text-white"></i>
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link px-2" href="#" target="_blank">
                                        <i class="zmdi zmdi-youtube text-white"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End of Spyrenav Overlay -->
</header>
<!-- End of Header -->


<!-- Main Content -->
<main class="main minh-100vh">
    <!-- Section -->
    <section class="py-0 overflow-hidden text-center">
        <div class="bg-container overlay parallax" data-rellax-percentage="0.5" style="background-image: url(../assets/img/backgrounds/bg-19.jpg)"></div>
        <div class="container">
            <div class="row h-100vh align-items-center">
                <div class="col">
                    <h1 class="text-white text-uppercase fs-4 fs-lg-6">Front-End Developer</h1>
                    <p class="fs-0 fs-lg-1 text-white">Chicago, US</p>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section id="section-2" class="pb-0">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 order-lg-2 pb-6 pb-lg-0">
                    <h2 id="job-description" class="mb-5 text-uppercase">Job description</h2>
                    <p class="mb-4 text-800 fw-medium">We're one of the leading digital agencies in Chicago and we’re looking to add a new frontend developer to our brilliant team.</p>
                    <p class="mb-4 text-800 fw-medium">You will play an important part in maintaining the existing product and to help design, create and develop critical improvements and innovative new offerings for a new version soon to be launched in 2019. This is an exciting opportunity to join them at a key milestone in the growth of the business where they plan to fully globalise the product.</p>
                    <figure class="figure mb-4">
                        <img src="../assets/img/img-43.jpg" class="pt-2 figure-img img-fluid w-100" alt="" />
                        <figcaption class="figure-caption text-right font-italic">- Office brainstorming room -</figcaption>
                    </figure>
                    <p class="mb-4 text-800 fw-medium">We love new technologies and we have embraced many modern frontend tools to make our code more maintainable such as SASS, flexbox and webpack. When it comes to our more bespoke systems with large amounts of interface to build, you may also find yourself working with React and ES6+ as well as collaborating...</p>
                    <p class="mb-7 text-800 fw-medium">We are proud to have a well respected team of frontend developers who work closely with our inhouse designers to to create intuitive and compelling user experiences, and would love to find the right person to join us as we line up a number of brand new big name clients.</p>

                    <h2 id="essential-skills" class="mb-5 text-uppercase">Essential skills</h2>
                    <ul class="mb-5 pl-4">
                        <li>Strong proven experience with JavaScript</li>
                        <li>Strong experience with either of the following Vue.JS/AngularJS/NodeJS or ReactJS</li>
                        <li>Excellent knowledge of HTML, CSS</li>
                        <li>An understanding of GIT and GITflow</li>
                        <li>Working in a defined software development lifecycle</li>
                        <li>Agile methodologies</li>
                    </ul>
                    <p class="mb-7">The ideal candidate will be design focused, driven to understand what clients really value, and committed to building this value into the product whilst offering the best possible You may have full exposure to a number of JavaScript technologies but the company are fairly tech agnostic so if you have the willingness to learn and cross over into a new framework this role would be right for you.</p>

                    <h2 id="desirable-skills" class="mb-5 text-uppercase">Desirable skills</h2>
                    <ul class="mb-5 mb-lg-7 pl-4">
                        <li>Multiple framework exposure (React/Angular/Node/Vue) etc</li>
                        <li>API-based design (RESTful API's)</li>
                        <li>AWS (Amazon Web Services)</li>
                        <li>User experience</li>
                        <li>Unit Testing</li>
                    </ul>

                    <h2 id="benefits" class="mb-5 text-uppercase">Benefits</h2>
                    <ul class="mb-5 pl-4">
                        <li>Competitive Salary of £40,000-£48,000</li>
                        <li>25days holidays + Public Holidays</li>
                        <li>Company Pension contribution</li>
                        <li>Flexible working</li>
                        <li>Share/Investment Options (long term)</li>
                        <li>Working in a relaxed environment with excellent technology</li>
                        <li>Hackathons</li>
                    </ul>
                    <p class="mb-7">Along with loads of other benefits like a cool office dog, treats and days out...</p>

                    <h2 id="apply-now" class="mb-5 text-uppercase">Apply Now</h2>
                    <div class="row">
                        <form class="form col-lg-10 col-xl-9">
                            <div class="form-group mb-4">
                                <input type="text" class="form-control" id="name" placeholder="Full name">
                            </div>
                            <div class="form-group mb-4">
                                <input type="email" class="form-control" id="email" placeholder="Email address">
                            </div>
                            <div class="form-group mb-4">
                                <textarea class="form-control" rows="8" id="message" placeholder="Message"></textarea>
                            </div>
                            <button type="button" class="btn btn-primary btn-block">Send<i class="zmdi zmdi-mail-send ml-2"></i></button>
                        </form>
                    </div>
                </div>

                <div class="col-lg-4 pl-lg-5 order-lg-1">
                    <div data-toggle="sticky" data-sticky-offset-top="150">
                        <ul class="mb-5 mb-lg-6 pl-4 text-600">
                            <li class="mb-1"><a href="#job-description" data-smooth-scroll data-smooth-scroll-offset="150" class="text-600">Job Description</a></li>
                            <li class="mb-1"><a href="#essential-skills" data-smooth-scroll data-smooth-scroll-offset="150" class="text-600">Essential Skills</a></li>
                            <li class="mb-1"><a href="#desirable-skills" data-smooth-scroll data-smooth-scroll-offset="150" class="text-600">Desirable Skills</a></li>
                            <li class="mb-1"><a href="#benefits" data-smooth-scroll data-smooth-scroll-offset="150" class="text-600">Benefits</a></li>
                            <li class="mb-1"><a href="#apply-now" data-smooth-scroll data-smooth-scroll-offset="150" class="text-600">Apply Now</a></li>
                        </ul>

                        <h5 class="mb-4 text-uppercase text-600">Share</h5>
                        <div class="mb-5 mb-lg-6">
                            <a href="#" class="btn btn-light btn-sm mr-2 mb-2 text-700"><i class="zmdi zmdi-facebook zmdi-hc-fw"></i></a>
                            <a href="#" class="btn btn-light btn-sm mr-2 mb-2 text-700"><i class="zmdi zmdi-twitter zmdi-hc-fw"></i></a>
                            <a href="#" class="btn btn-light btn-sm mr-2 mb-2 text-700"><i class="zmdi zmdi-google-plus zmdi-hc-fw"></i></a>
                            <a href="#" class="btn btn-light btn-sm mr-2 mb-2 text-700"><i class="zmdi zmdi-email zmdi-hc-fw"></i></a>
                        </div>

                        <h5 class="mb-4 text-uppercase text-600">Tags</h5>
                        <div class="mb-5 mb-lg-6">
                            <a href="#" class="badge badge-light py-2 px-4 mr-2 mb-2 text-700 text-uppercase fs--2">Front-End</a>
                            <a href="#" class="badge badge-light py-2 px-4 mr-2 mb-2 text-700 text-uppercase fs--2">React</a>
                            <a href="#" class="badge badge-light py-2 px-4 mr-2 mb-2 text-700 text-uppercase fs--2">Gulp</a>
                            <a href="#" class="badge badge-light py-2 px-4 mr-2 mb-2 text-700 text-uppercase fs--2">Sass</a>
                            <a href="#" class="badge badge-light py-2 px-4 mr-2 mb-2 text-700 text-uppercase fs--2">Angular</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section>
        <div class="container">
            <div class="row">
                <div class="col">
                    <h3 class="my-0 fs-1 fw-medium text-primary text-uppercase">Gallery</h3>
                    <h2 class="mb-5 fw-medium text-secondary text-uppercase">Office</h2>
                </div>
            </div>
        </div>

        <!-- Carousel -->
        <div class="owl-carousel carousel-nav-inside-container carousel-nav-primary" data-carousel-options='{"margin":30,"nav":true,"center":true,"loop":true,"dots":false,"autoWidth":true,"stagePadding":170,"lazyLoad":true,"responsive":{"0":{"items":1},"576":{"items":3},"992":{"items":5}}}'>
            <div><img class="owl-lazy" data-src="../assets/img/img-44.jpg" style="width: 340px;" alt="" /><h6 class="pt-3 text-uppercase text-center text-sm-left">In id ante et purus faucibus sodales</h6></div>
            <div><img class="owl-lazy" data-src="../assets/img/img-45.jpg" style="width: 340px;" alt="" /><h6 class="pt-3 text-uppercase text-center text-sm-left">Phasellus a mauris eget</h6></div>
            <div><img class="owl-lazy" data-src="../assets/img/img-46.jpg" style="width: 340px;" alt="" /><h6 class="pt-3 text-uppercase text-center text-sm-left">Aliquam in urna mollis, vulputate</h6></div>
            <div><img class="owl-lazy" data-src="../assets/img/img-47.jpg" style="width: 340px;" alt="" /><h6 class="pt-3 text-uppercase text-center text-sm-left">Cras non erat placerat</h6></div>
            <div><img class="owl-lazy" data-src="../assets/img/img-48.jpg" style="width: 340px;" alt="" /><h6 class="pt-3 text-uppercase text-center text-sm-left">Donec at felis quis lectus</h6></div>
            <div><img class="owl-lazy" data-src="../assets/img/img-49.jpg" style="width: 340px;" alt="" /><h6 class="pt-3 text-uppercase text-center text-sm-left">Maecenas eu ligula interdum</h6></div>
            <div><img class="owl-lazy" data-src="../assets/img/img-50.jpg" style="width: 340px;" alt="" /><h6 class="pt-3 text-uppercase text-center text-sm-left">Sed at ante suscipit</h6></div>
            <div><img class="owl-lazy" data-src="../assets/img/img-51.jpg" style="width: 340px;" alt="" /><h6 class="pt-3 text-uppercase text-center text-sm-left">Lorem ipsum dolor sit amet</h6></div>
            <div><img class="owl-lazy" data-src="../assets/img/img-52.jpg" style="width: 340px;" alt="" /><h6 class="pt-3 text-uppercase text-center text-sm-left">Morbi venenatis metus et</h6></div>
        </div>
        <!-- End of Carousel -->
    </section>
    <!-- End of Section -->

    <!-- Section -->
    <section class="pt-0 text-center">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-7">
                    <h3 class="my-0 fs-1 fw-medium text-primary text-uppercase">Subscribe</h3>
                    <h2 class="mb-5 fw-medium text-secondary text-uppercase">Newsletter</h2>
                    <p class="mb-4">Cras dapibus erat ex, sed efficitur ligula interdum ut.</p>

                    <form class="form">
                        <div class="form-group mb-1">
                            <div class="row justify-content-center">
                                <div class="col-lg-8">
                                    <input type="text" class="form-control mb-3 mb-lg-2" placeholder="Email address">
                                </div>
                                <div class="col-8 col-lg-4">
                                    <button type="button" class="btn btn-primary btn-block">Subscribe<i class="zmdi zmdi-mail-send ml-2"></i></button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- End of Section -->
</main>
<!-- End of Main Content -->


<!-- Footer -->
<footer class="footer text-white" style="background-image: url(../assets/img/footer-bg.jpg)">
    <div class="container d-flex h-100">
        <div class="row flex-grow-1">
            <div class="col-lg-3 pt-3 ext-l bg-secondary text-center text-lg-left">
                <div class="d-flex flex-column h-100">
                    <div class="pt-5 pt-lg-8 pb-4">
                        <img src="../assets/img/logo-small.svg" alt="" width="92" class="mb-4" />
                        <p class="mb-4 mt-3 fs--1">New York, NY<br />
                            62 Birchpond St.<br />
                            Crystal Lake, NY 11762</p>

                        <p class="fs--1"><a href="#" class="text-white"><i class="zmdi zmdi-phone zmdi-hc-fw mr-1"></i>+1-202-555-0149</a><br />
                            <a href="#" class="text-white"><i class="zmdi zmdi-email zmdi-hc-fw mr-1"></i>info@spyre.com</a></p>
                    </div>

                    <ul class="mt-4 mt-lg-auto mb-5 mb-lg-0 list-unstyled list-inline">
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-twitter text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-instagram text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-facebook-box text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-pinterest text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-flickr text-white"></i>
                            </a>
                        </li>
                        <li class="mr-3 list-inline-item">
                            <a href="#" target="_blank">
                                <i class="zmdi zmdi-youtube text-white"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="col d-flex flex-column mb-2 mt-3 pl-lg-7">
                <div class="row pt-5 pt-lg-8 pb-4 pb-lg-6">
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">Services</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">Design</a></li>
                            <li class="my-1"><a href="#" class="text-white">Development</a></li>
                            <li class="my-1"><a href="#" class="text-white">Themes</a></li>
                            <li class="my-1"><a href="#" class="text-white">CMS</a></li>
                            <li class="my-1"><a href="#" class="text-white">Mobile</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">About</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">About Us</a></li>
                            <li class="my-1"><a href="#" class="text-white">Contact</a></li>
                            <li class="my-1"><a href="#" class="text-white">The team</a></li>
                            <li class="my-1"><a href="#" class="text-white">Careers</a></li>
                            <li class="my-1"><a href="#" class="text-white">Locate store</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3">
                        <h6 class="mb-1 mb-lg-4 text-uppercase">Help</h6>
                        <ul class="pt-2 mb-5 fw-light list-unstyled">
                            <li class="my-1"><a href="#" class="text-white">Sponsors</a></li>
                            <li class="my-1"><a href="#" class="text-white">FAQs</a></li>
                            <li class="my-1"><a href="#" class="text-white">Stories & Ideas</a></li>
                        </ul>
                    </div>
                </div>

                <div class="mt-auto d-flex justify-content-between">
                    <span class="fs--3 fs-lg--2">&copy; Spyre, 2019 Webinning Ltd.</span>
                    <div class="fs--3 fs-lg--2"><a href="#" class="mr-1 text-white">Privacy Policy</a>|<a href="#" class="ml-1 text-white">Cookie Policy</a></div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- End of Footer -->


<!-- Core Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/jquery/dist/jquery.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/popper.js/dist/umd/popper.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- Vendor Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/owl.carousel/dist/owl.carousel.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/rellax/rellax.min.js"></script>
<script src="https://spyre-theme.bitbucket.io/v1.2.0/assets/vendor/sticky-kit/dist/sticky-kit.min.js"></script>

<!-- Theme Javascripts -->
<script src="https://spyre-theme.bitbucket.io/v1.2.0/dist/js/theme.min.js"></script>
</body>
</html>